<?php
/* @var $this Yii\web\View */
/* @var $model backend\models\Goods  */
use xj\uploadify\Uploadify;
use yii\bootstrap\ActiveForm;
use yii\bootstrap\Html;
use kartik\file\FileInput;
use yii\helpers\Url;
use yii\web\JsExpression;

$this->title = "添加相册";

$this->params['breadcrumbs'][] = ['label'=>'商品列表','url'=>['goods/list']];

$this->params['breadcrumbs'][]=$this->title;


$form = ActiveForm::begin();

echo $form->field($model, 'uploadAlbum[]')->fileInput(['options'=>['class'=>'input-id','id'=>'input-id']])->widget(FileInput::classname(), [
    'options' => [
        //设置是否允许多文件上传
        'multiple' => true
    ],
    'pluginOptions' => [
        // 需要预览的文件格式
        'previewFileType' => 'image',
        // 预览的文件
        'initialPreview' => $p1,
        // 需要展示的图片设置，比如图片的宽度等
        'initialPreviewConfig' => $p2,
        // 是否展示预览图
        'initialPreviewAsData' => true,
        // 异步上传的接口地址设置
        'uploadUrl' => Url::toRoute(['/goods/async-banner']),
        // 异步上传需要携带的其他参数，比如商品id等
        'uploadExtraData' => [
            //设置上传时需要的参数
            'goods_id' => $id,
        ],
        //设置是否异步上传
        'uploadAsync' => true,
        // 最少上传的文件个数限制
        'minFileCount' => 1,
        // 最多上传的文件个数限制
        'maxFileCount' => 10,
        // 是否显示移除按钮，指input上面的移除按钮，非具体图片上的移除按钮
        'showRemove' => true,
        // 是否显示上传按钮，指input上面的上传按钮，非具体图片上的上传按钮
        'showUpload' => true,
        //是否显示[选择]按钮,指input上面的[选择]按钮,非具体图片上的上传按钮
        'showBrowse' => true,
        'showReset'=>true,
        // 展示图片区域是否可点击选择多文件
        'browseOnZoneClick' => true,
        // 如果要设置具体图片上的移除、上传和展示按钮，需要设置该选项
        'fileActionSettings' => [
            // 设置具体图片的查看属性为false,默认为true
            'showZoom' => true,
            // 设置具体图片的上传属性为true,默认为true
            'showUpload' => true,
            // 设置具体图片的移除属性为true,默认为true
            'showRemove' => true,
        ],
        //设置是否预览图片 默认为true
//        'showPreview' => false,
        //设置选择文件的按钮的样式
        'browseClass' => 'btn btn-default',
        //设置大的上传文件的按钮的样式
        'uploadClass' => 'btn btn-default',
        //设置移除按钮的样式
        //'removeClass' => 'btn btn-danger',
       // //设置移除按钮上的图标
        //'removeIcon' => '<i class="glyphicon glyphicon-leaf"></i>',
        //设置选择文件的按钮上的文字
        'browseLabel' => 'Select files'
    ],
    // 一些事件行为
    'pluginEvents' => [
        // 上传成功后的回调方法，需要的可查看data后再做具体操作，一般不需要设置
        "fileuploaded" => "function (event, data, id, index) {
            console.log(data);
            console.log(event);
            console.log(id);
            console.log(index);
            
//            document.location=location.href;
//            window.navgate(location);
//            location=location;
//            location.reload();

        }",
        //点击清除按钮时执行的操作
        "fileclear"=>"function(event){
            
            //console.log('fileclear');
        }",
        "filereset"=>"function(event){
        //$.ajax
            //location=location;
            //console.log('filereset');
        }",
        'change' => 'function() { 
                console.log("change");
                console.dir($(".fileinput-upload"));
         }',
        //'click' => 'function() { console.log("open"); }',



    ],
]);
/*echo '{preview}
<div class="input-group {class}">
   {caption}
   <div class="input-group-btn">
       {remove}
       {upload}
       {browse}
   </div>
</div>';

echo '<input id="input-id" type="file" class="file" data-preview-file-type="text" >';*/
/*$jscode =  '

 $("#input-id").on("click",".fileinput-upload-button",function(event){console.log("click");});
';

$this->registerJs($jscode);*/

echo Html::resetButton('重置',['class'=>'btn btn-info']);
echo Html::submitButton('提交',['class'=>'btn btn-primary']);

ActiveForm::end();
?>








